<template>
	<div class="cont">
		<div>
			<h1>现存确诊人数</h1>
			<p>{{$store.state.tian.desc.currentConfirmedCount}}</p>
		</div>
		<div>
			<h1>累计确诊人数</h1>
			<p>{{$store.state.tian.desc.confirmedCount}}</p>
		</div>
	</div>
</template>

<script>
</script>

<style lang="less" scoped="scoped">
	.cont{
		display: flex;
		justify-content: space-around;
		margin-bottom: 1em;
		div{
			border-radius: 15px;
			background-color: rgba(0,0,0,.5);
			padding: 1em 4em 1em;
			text-align: center;
			color: #fff;
			h1{
				font-size: 16px;
			}
			p{
				font-size: 30px;
			}
		}
	}
</style>
